<template>
    <div class="main-container" style="height:100%;background:white" id="main-container">
            <a-tabs   :lazy-load="true" type="card" justify  @change="tabsChange">
                    <!-- <a-tab-pane title="创建需求单" key="1">
                            <div style="height: 100%;">
                               <ListofRequirements></ListofRequirements>
                            </div>
                    </a-tab-pane> -->
                    <a-tab-pane title="需求单查询" key="1">
                            <div  style="height: 100%;">
                               <QueryRequirementList></QueryRequirementList>
                            </div>
                    </a-tab-pane>
                    <a-tab-pane title="需求单审核" key="2">
                            <div  style="height: 100%;">
                               <Requirement></Requirement>
                            </div>
                    </a-tab-pane>
                    
            </a-tabs>   
    </div>
</template>

<script lang="ts">
    import { defineComponent,reactive, ref } from 'vue'
    import ListofRequirements from '@/components/pcsingmagent2/orderpurchase/ListofRequirements.vue'
    import Requirement from '@/components/pcsingmagent2/orderpurchase/Requirement.vue'
    import QueryRequirementList from '@/components/pcsingmagent2/orderpurchase/QueryRequirementList.vue'
    import emitter from '@/hooks/useEventBus'
   export default defineComponent({
       name:'OrderPurchase',
       components:{
        ListofRequirements,
        Requirement,
        QueryRequirementList
       },
       setup(){
     
       const pageData = reactive({
            tableIndex:"1"
       })

  
       const tabsChange = (e: string | number) => {
            emitter.emit('window-change')

        }
        return{
            pageData,
            tabsChange
        }
       }
   })
</script>

<style scoped>

:deep(.ag-cell) {
    border-right: 1px solid #dde2eb;
}

:deep(.ag-header-cell) {
    border-right: 1px solid #dde2eb;
}
:deep(.ag-cell-value) {
  user-select: initial;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
}
</style>